<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>数据一览</title>
    <link href="/static/plugs/awesome/fonts.css" rel="stylesheet">
    {include file="header"}
    <style>
        .lb-table {
            background-color: #eee
        }

        .lb-table td,
        .lb-table th {
            font-size: 18px;
            background-color: #fff;
            padding: 6px;
            margin: 1px;
            text-align: left;
            border: 1px solid #eee
        }

        .today {
            display: flex;
        }

        .icon {
            font-size: 20px
        }

        .role-name {
            height: 32px;
            line-height: 32px
        }

        .role-name span {
            line-height: 20px;
            padding-left: 10px;
            font-size: 20px
        }

        .layui-panel {
            margin: 10px;
            padding: 5px;
        }

        .layui-panel {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .panel-item {
            width: 320px;
            height: 220px;
            background-color: #f9f9f9;
            box-shadow: 1px 1px 3px #ccc;
            border: 1px solid #fdfdfd;
            margin: 0 25px 20px 0px;
            padding: 10px;
            font-size: 16px;
        }

        .panel-item .data-list .num {
            margin: 8px 0;
            border-bottom: 1px dashed #eee;
            padding: 3px 0;
        }

        .panel-item .name {
            font-size: 18px;
            border-bottom: 1px solid #ccc;
            padding: 0 0 5px 0
        }

        .panel-item span {
            line-height: 20px;
            padding-left: 10px;
        }

        .flex-list {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .icon-split {
            background-color: #0099ff
        }

        .flex-item {}

        .county-item {
            margin: 4px 0;
            border-bottom: 1px dashed #eee;
            padding: 3px 0;
        }

        .business-item {
            width: 100%;
        }

        .tj-item {
            margin: 4px 0;
            border-bottom: 1px dashed #eee;
            padding: 3px 0;
        }
        .alst{margin:20px;font-size:16px}
        .alst span{border-bottom:2px solid #ff6600}
    </style>
</head>

<body>
    <div class="x-body">
        <div class="layui-panel">
          
            <div class="panel-item">
                <div class="name"><i class="icon fa fa-address-book"></i><span>数据统计</span></div>
                <div class="data-list">
                    <div class="num flex-list">
                        <div class="tj-item">文章总数：{$total.article_count}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>